<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css登录页面</title>
		<style>
			.login{
				position: relative;
				width: 400px;
				height: 300px;
				border: solid 1px red;
				margin: 0 auto;
				text-align: center;
			}
			h3{
				margin: 30px auto;
			}
			.input-user,.input-pwd{
				/*display: block;*/
				width: 150px;
				height: 25px;
				font-size: 18px;
				padding: 1px 2em;
				outline: none;
				margin: 5px 0;
			}
			.input-submit,.input-cancle{
				width: 50px;
				height: 30px;
				font-size: 14px;
				margin: 10px 10px;
			}
		</style>
	</head>
	<body>
		<div class="login">
			
			<h3>css登录页面</h3>
			用户名：<input type="text" class="input-user"/><br />
			密 码：<input type="password" class="input-pwd"/><br />
			<input type="submit" class="input-submit" value="提交"/> 
			<input type="button" class="input-cancle" value="取消"/>
			
		</div>
	</body>
</html>
